<template>
  <div>
      <div class="h1" v-for="(v,i) in data" :key="i" >
          <h6> {{v.h1}}</h6>
      </div>
      <div class="text">
          <div class="text-left">
              <div class="text-left-left">
                  <img src="/getfind/5.png" alt="">
                  <span>精华</span>
              </div>
              <div class="text-left-right">
                  <img src="/getfind/6.png" alt="">
                  <span>官方</span>


              </div>
          </div>
          <div class="text-center">@工具者5号</div>
      </div>
  </div>
</template>

<script>
import eventBus from "@/eventBus/index.js"
export default {
    data(){
        return{
            data:[]
        }
    },
    created(){
         eventBus.$on("datafun",(data)=>{
            console.log(data);
            this.data=data
        })
    }
     
}
</script>

<style scoped>
.h1{
    width: 3.432rem;
    /* height: 1.12rem; */
    /* background-color: pink; */
     margin: auto;
}
.h1 h6{
    font-size: 0.2rem;
    color: #1D2127;
    margin: 0 0 0.134rem;
    margin-top:0.5rem ;
}
.text{
    width: 3.432rem;
    height: 0.28rem;
    /* background-color: orange; */
    margin: auto;
    display: flex;
}
.text-left{
    width: 1.12rem;
    height: 0.256rem;
    /* background-color: rgb(223, 160, 223); */
    display: flex;
}
.text-center{
    width: 0.7rem;
    height: 0.256rem;
    /* background-color: rgb(137, 200, 216); */
    color: #14B9C8;
    font-size: 0.12rem;
    margin-top: 0.025rem;
}
.text-left-left, .text-left-right{
    width: 0.44rem;
    height: 0.176rem;
    display: flex;
    margin: 0 0.12rem 0.08rem 0;
    padding: 0.02rem 0.06rem 0.02rem 0.04rem;
}
.text-left-left{
     background-color: #FFAA001A;
}
.text-left-right{
     background-color: #ECFAFB;
}
.text-left-left img,
.text-left-right img
{
    width: 0.12rem;
    height: 0.12rem;
    margin-top: 0.025rem;
}
.text-left-left span{
   font-size: 0.1rem;
   color: #FFAA00;
   margin-left: 0.02rem;
    margin-top: 0.025rem;

}
.text-left-right span{
   font-size: 0.1rem;
   color: #15C5CE;
   margin-left: 0.02rem;
    margin-top: 0.025rem;

}
</style>